<template>
  <div class="u-root data-maintenance">
     <Header/>
    <el-container class="u-el-container">
      <el-container>
        <el-aside width="250px">
          <el-row class="tac">
            <el-col>
              <el-menu
                class="el-menu-vertical-demo"
                router
                background-color="#99a9bf"
                text-color="#fff"
                active-text-color="black"
                unique-opened
                :default-active="this.$router.currentRoute.path"
              >
                <el-menu-item index="/gis/yxwh">
                  <i class="el-icon-menu"></i>
                  <span slot="title">主页</span>
                </el-menu-item>
                <el-submenu index="/">
                  <template slot="title">
                    <i class="el-icon-share"></i>
                    <span>组织管理</span>
                  </template>
                  <el-menu-item v-show="true" index="/gis/yxwh/bmgl" >部门管理
                  </el-menu-item>
                </el-submenu>
                <el-submenu index="/template">
                  <template slot="title">
                    <i class="el-icon-map-location"></i>
                    <span>巡查管理</span>
                  </template>
                  <el-menu-item v-show="true" index="/gis/yxwh/sxmb" >任务符号
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/rwgl" >任务管理
                  </el-menu-item>
                </el-submenu>
                <el-submenu index="/Data">
                  <template slot="title">
                    <i class="el-icon-coin"></i>
                    <span>数据管理</span>
                  </template>
                  <el-menu-item v-show="true" index="/gis/yxwh/sjml">数据目录
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/qygl">区域管理
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/sjfz">专题分组
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/dtsj">底图数据
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/slzt">矢量专题
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/cjzt">场景专题
                  </el-menu-item>
                  <el-menu-item v-show="true"  index="/gis/yxwh/ysfw">发布服务
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/ygjc">遥感监测
                  </el-menu-item>
                </el-submenu>
                <el-submenu index="/Permission">
                  <template slot="title">
                    <i class="el-icon-s-check"></i>
                    <span>权限管理</span>
                  </template>
                  <el-menu-item v-show="true" index="/gis/yxwh/jsgl">角色管理
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/qxgl">权限管理
                  </el-menu-item>
                </el-submenu>
                <el-submenu index="/User">
                  <template slot="title">
                    <i class="el-icon-s-custom"></i>
                    <span>用户管理</span>
                  </template>
                  <el-menu-item v-show="true" index="/gis/yxwh/xxwh">信息维护
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/jspz">角色配置
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/sjpz">数据配置
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/rwpz">任务配置
                  </el-menu-item>
                </el-submenu>
                <el-submenu index="/Log">
                  <template slot="title">
                    <i class="el-icon-setting"></i>
                    <span>系统管理</span>
                  </template>
                  <el-menu-item v-show="true" index="/gis/yxwh/sjzd">数据字典
                  </el-menu-item>
                  <el-menu-item v-show="true" index="/gis/yxwh/xtfh">标绘符号
                  </el-menu-item>
                </el-submenu>
              </el-menu>
            </el-col>
          </el-row>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
 
<script>
   import Header from '@/pages/yxwh/components/header/Header'
    export default {
        name: "index",
        components:{Header}
    }
</script>

<style scoped>
  .u-root {
    height: 100%;
  }

  .u-el-container {
    height: 100%;
  }

  .el-aside {
    background-color: #99a9bf;
  }

  .el-header {
    background: #ffffff;
  }

  .el-main {
    background-color: #ffffff;
  }

  .icon-other {
    padding: 0 6px;
  }

  .el-menu .el-menu-item span {
    font-size: 15px;
  }
</style>
